<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" id="viewport" />
		<title>flex布局</title>
	</head>
	<body  onload="init()">
	<div class="banner">
		<div class="serch">搜索:目的地/酒店/景点/航班号</div>
		<a herf="#"  class="user">我的</a>
	</div>
	<div  class="focus" >
		<img url="../img/focus1.jpg" id="aini">
	</div>
	
	
	<script>
		function init(){
		setInterval("chan()",2000);
		}
		var i=1;
		function chan() {
			i++;
			document.getElementById("aini").src="./src/img/focus"+i+".jpg";
			if(i==4){i=0;
		}
		
		}
	</script>
	
	
<ul class="local-nav">
        <li>
            <a href="#" title="景点·玩乐">
                <span class="local-nav-icon-icon1"></span>
                <span>景点·玩乐</span>
            </a>
        </li>
        <li>
            <a href="#" title="景点·玩乐">
                <span class="local-nav-icon-icon2"></span>
                <span>景点·玩乐</span>
            </a>
        </li>
        <li>
            <a href="#" title="景点·玩乐">
                <span class="local-nav-icon-icon3"></span>
                <span>景点·玩乐</span>
            </a>
        </li>
        <li>
            <a href="#" title="景点·玩乐">
                <span class="local-nav-icon-icon4"></span>
                <span>景点·玩乐</span>
            </a>
        </li>
        <li>
            <a href="#" title="景点·玩乐">
                <span class="local-nav-icon-icon5"></span>
                <span>景点·玩乐</span>
            </a>
        </li>

    </ul>
	
	
	<nav>
	    <div class="nav-common">
	        <div class="nav-items">
	            <a href="#">海外酒店</a>
	        </div>
	        <div class="nav-items">
	            <a href="#">海外酒店</a>
	            <a href="#">特价酒店</a>
	        </div>
	        <div class="nav-items">
	            <a href="#">海外酒店</a>
	            <a href="#">特价酒店</a>
	        </div>
	    </div>
	    <div class="nav-common">
	        <div class="nav-items">
	            <a href="#">海外酒店</a>
	        </div>
	        <div class="nav-items">
	            <a href="#">海外酒店</a>
	            <a href="#">特价酒店</a>
	        </div>
	        <div class="nav-items">
	            <a href="#">海外酒店</a>
	            <a href="#">特价酒店</a>
	        </div>
	    </div>
	    <div class="nav-common">
	        <div class="nav-items">
	            <a href="#">海外酒店</a>
	        </div>
	        <div class="nav-items">
	            <a href="#">海外酒店</a>
	            <a href="#">特价酒店</a>
	        </div>
	        <div class="nav-items">
	            <a href="#">海外酒店</a>
	            <a href="#">特价酒店</a>
	        </div>
	    </div>
	
	</nav>
	<ul class="subnav-entry">
	    <li>
	        <a href="#">
	            <span class="subnav-entry-icon"></span>
	            <span>电话费</span>
	        </a>
	    </li>
	    <li>
	        <a href="#">
	            <span class="subnav-entry-icon"></span>
	            <span>电话费</span>
	        </a>
	    </li>
	    <li>
	        <a href="#">
	            <span class="subnav-entry-icon"></span>
	            <span>电话费</span>
	        </a>
	    </li>
	    <li>
	        <a href="#">
	            <span class="subnav-entry-icon"></span>
	            <span>电话费</span>
	        </a>
	    </li>
	    <li>
	        <a href="#">
	            <span class="subnav-entry-icon"></span>
	            <span>电话费</span>
	        </a>
	    </li>
	    <li>
	        <a href="#">
	            <span class="subnav-entry-icon"></span>
	            <span>电话费</span>
	        </a>
	    </li>
	    <li>
	        <a href="#">
	            <span class="subnav-entry-icon"></span>
	            <span>电话费</span>
	        </a>
	    </li>
	    <li>
	        <a href="#">
	            <span class="subnav-entry-icon"></span>
	            <span>电话费</span>
	        </a>
	    </li>
	    <li>
	        <a href="#">
	            <span class="subnav-entry-icon"></span>
	            <span>电话费</span>
	        </a>
	    </li>
	    <li>
	        <a href="#">
	            <span class="subnav-entry-icon"></span>
	            <span>电话费</span>
	        </a>
	    </li>
	
	</ul>
	<div class="sales-box">
	    <div class="sales-hd">
	        <h2>热门活动</h2>
	        <a href="#" class="more">获取更多福利</a>
	    </div>
	    <div class="sales-bd">
	        <div class="row">
	            <a href="#">
	                <img src="./src/img/pic1.jpg" />
	            </a>
	            <a href="#">
	                <img src="./src/img/pic2.jpg" />
	
	            </a>
	        </div>
	        <div class="row">
	            <a href="#">
	                <img src="./src/img/pic3.jpg" />
	            </a>
	            <a href="#">
	                <img src="./src/img/pic4.jpg" />
	
	            </a>
	        </div>
			<div class="row">
	            <a href="#">
	                <img src="./src/img/pic5.jpg" />
	            </a>
	            <a href="#">
	                <img src="./src/img/pic6.jpg" />
	
	            </a>
	        </div>
	
	    </div>
	</div>
	</body>
</html>
